<template>
  <view>
    <view class="bn_li">
      <u-search placeholder="搜索内容" :clearabled="true" :show-action="true" action-text="搜索" ></u-search>
    </view>
    <view class="sub_list">
      <view class="sub_tb">
          <image src="https://img1.imgtp.com/2023/01/08/IHvAPeai.png" mode=""></image>
          <view class="right">
            <view class="tit">
              2022新疆石河子职业技术学...
            </view>
            <view class="tit_ls">
              2022新疆石河子职业技术学院招生计划已经公布，以下是为大家整理的...
            </view>
            <view class="info">
              2023-01-08
            </view>
          </view>
      </view>
    </view>
    <view class="sub_list">
      <view class="sub_tb">
          <image src="https://img1.imgtp.com/2023/01/08/vcqR5LiP.png" mode=""></image>
          <view class="right">
            <view class="tit">
              新疆石河子职业技术学院王牌专...
            </view>
            <view class="tit_ls">
              新疆石河子职业技术学院王牌专业有食品加工技术、农业机械应...
            </view>
            <view class="info">
              2023-01-08
            </view>
          </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {

    }
  }
</script>

<style lang="scss">
  
  .bn_li{
    background: #fff;
    padding: 30rpx 20rpx;
  }
  .sub_list{
    .sub_tb{
      background: #fff;
      display: flex;
      margin: 25rpx 20rpx;
      image{
        width: 250rpx;
        min-width: 250rpx;
        height: 150rpx;
        border-radius: 10rpx;
      }
      .right{
        margin-left: 15rpx;
        .tit{
        padding-top: 8rpx;
        font-size:30rpx;
        font-weight: bold;
        }
        .tit_ls{
        padding-top: 8rpx;
        font-size: 23rpx;
        }
        .info{
          text-align: right;
          padding-top: 8rpx;
          font-size: 20rpx;
          color: #dfdfdf;
        }
      }
    }
  }
</style>
